﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="shortcut icon" href="../images/logo/logo16_16.png" />
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row clearfix" style=" width:100%">
            <div class="col-md-12 column">
                <div class="row clearfix">
                    <div class="col-md-12 column">

                        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="../index.html">首页</a>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li>
                                        <a href="#">随笔杂记</a>
                                    </li>
                                    <li>
                                        <a href="#">学习笔记</a>
                                    </li>
                                    <li>
                                        <a href="#">代码片段</a>
                                    </li>
                                    <li>
                                        <a href="#">转载分享</a>
                                    </li>
                                    <li>
                                        <a href="#">关于博主</a>
                                    </li>

                                </ul>
                              
                                <ul class="nav navbar-nav navbar-right" style=" padding-right:30px;">
                                    <li>
                                        <img src="../images/logo/logo48_48.ico" />
                                    </li>
                                    <li>
                                        <a href="#" style=" font-weight:bold; font-size:18px;">欢迎来到魔术猿-Vezn的个人博客</a>
                                    </li>

                                </ul>
                            </div>
                        </nav>

                    </div>
                </div>
                <div class="row clearfix" style="padding-top:80px;">
                    <div class="col-md-4 column">
                        <div class="row clearfix">
                            <div class="col-md-12 column" style="text-align:center; width:80%; padding-left:20px;">
                                <img src="../images/logo/logo128_128.png" />
                            </div>
                        </div>
                        <div class="row clearfix" style=" padding-top:30px;width:80%;padding-left:20px;">
                            <div class="col-md-12 column">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">
                                            个人信息
                                        </h3>
                                    </div>
                                    <div class="panel-body">
                                        <a href="#">修改资料</a>
                                    </div>
                                    <div class="panel-body">
                                        <a href="bloguserpwd.html">修改密码</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix" style="width:80%; padding-left:20px;">
                            <div class="col-md-12 column">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">
                                            博客管理
                                        </h3>
                                    </div>
                                    <div class="panel-body">
                                        <a href="blogadmin.html">博客列表</a>
                                    </div>
                                    <div class="panel-body">
                                        <a href="blogedit.html">发表博文</a>
                                    </div>
                                    <div class="panel-body">
                                        <a href="blogdraft.html">草稿箱</a>
                                    </div>
                                    <div class="panel-body">
                                        <a href="#">博客类别</a>
                                    </div>
                                    <div class="panel-body">
                                        <a href="#">博客标签</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8 column">
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <ul class="nav nav-tabs">
                                    <li class="active">
                                        <a href="#" style=" font-size:20px; font-weight:bold;">草稿箱</a>
                                    </li>
                            </div>
                        </div>

                        <div class="container" style=" width:100%; font-size:16px; padding-top:20px;">
                            <div class="row clearfix">
                                <div class="col-md-12 column">
                                    <div class="row clearfix">
                                        <div class="col-md-12 column" s>
                                            博客类别：
                                            <div class="btn-group">

                                                <button class="btn btn-default">全部</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
                                                <ul class="dropdown-menu">
                                                    <li>
                                                        <a href="#">随笔杂记</a>
                                                    </li>
                                                    <li c>
                                                        <a href="#">学习笔记</a>
                                                    </li>

                                                    <li>
                                                        <a href="#">代码片段</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">转载分享</a>
                                                    </li>
                                                </ul>
                                            </div>

                                            博客标签：
                                            <div class="btn-group">

                                                <button class="btn btn-default">全部</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
                                                <ul class="dropdown-menu">
                                                    <li>
                                                        <a href="#">.NET</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">SQL Server</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">JavaScript</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Ext JS</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </div>
                                    <hr />
                                    <div class="row clearfix">
                                        <div class="col-md-12 column">
                                            <table class="table table-hover">
                                                <thead>
                                                    <tr>

                                                        <!--<th>
                                                            序号
                                                        </th>-->
                                                        <th style="width:60%">
                                                            标题
                                                        </th>
                                                        <th>
                                                            发表时间
                                                        </th>
                                                        <th>
                                                            操作
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <!--<td>
                                                            1
                                                        </td>-->
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            01/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <!--<td>
                                                            1
                                                        </td>-->
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            01/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <!--<td>
                                                            2
                                                        </td>-->
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            02/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <!--<td>
                                                            3
                                                        </td>-->
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            03/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <!--<td>
                                                            4
                                                        </td>-->
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            04/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            04/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            04/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            04/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <a href="#">TB - Monthly</a>
                                                        </td>
                                                        <td>
                                                            04/04/2012
                                                        </td>
                                                        <td>
                                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                    <div class="container">
                                        <div class="row clearfix">
                                            <div class="col-md-12 column">
                                                <ul class="pagination pagination-lg">
                                                    <li>
                                                        <a href="#">Prev</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">1</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">2</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">3</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">4</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">5</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">Next</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row clearfix">
                            <div class="col-md-12 column">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix" style=" padding:10px;text-align:center;">
                    <div class="col-md-12 column">
                        <hr>
                        <p>
                            闽ICP备16027414号  Copyright &copy; 2016-2016, <a href="http://veznwang.com/">魔术猿</a> - Vezn Wang. All rights reserved.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
